    <!-- گالری کروی -->
    <div class="ns-sphere-container" id="nsSphereContainer">
      <div class="ns-sphere-world" id="nsSphereWorld"></div>
    </div>

    <!-- مودال نمایش تصویر -->
    <div class="ns-modal-overlay" id="nsModalOverlay">
      <div class="ns-modal-content" id="nsModalContent">
        <div class="ns-modal-image-container">
          <img id="nsModalImage" src="" alt="" />
          <button class="ns-modal-close" id="nsModalClose">
            <svg
              width="20"
              height="20"
              viewBox="0 0 24 24"
              fill="none"
              stroke="currentColor"
              stroke-width="2"
            >
              <line x1="18" y1="6" x2="6" y2="18"></line>
              <line x1="6" y1="6" x2="18" y2="18"></line>
            </svg>
          </button>
          <button class="ns-modal-nav ns-modal-nav-prev" id="nsModalPrev">
            <svg
            width="24"
            height="24"
            viewBox="0 0 24 24"
            fill="none"
            stroke="currentColor"
            stroke-width="2"
          >
            <polyline points="9 18 15 12 9 6"></polyline>
          </svg>
          
          </button>
          <button class="ns-modal-nav ns-modal-nav-next" id="nsModalNext">
            <svg
            width="24"
            height="24"
            viewBox="0 0 24 24"
            fill="none"
            stroke="currentColor"
            stroke-width="2"
          >
            <polyline points="15 18 9 12 15 6"></polyline>
          </svg>
          </button>
          <div class="ns-modal-counter" id="nsModalCounter">1 / 1</div>
        </div>
        <div class="ns-modal-info">
          <h3 class="ns-modal-title" id="nsModalTitle"></h3>
          <p class="ns-modal-description" id="nsModalDescription"></p>
        </div>
      </div>
    </div>